<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="referrer" content="never">
<meta name="renderer" content="webkit">
<meta
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
	name="viewport">
<title>弹幕姬主页</title>
<link rel="stylesheet" href="../../css/bootstrap.min.css"
	th:href="@{/css/bootstrap.min.css}" type="text/css" media="all">
<link rel="stylesheet" href="../../css/style.css"
	th:href="@{/css/style.css}" type="text/css" media="all">
<script type="text/javascript" src="../../js/jquery.min.js"
	th:src="@{/js/jquery.min.js}"></script>
<script type="text/javascript" src="../../js/popper.min.js"
	th:src="@{/js/popper.min.js}"></script>
<script type="text/javascript" src="../../js/bootstrap.min.js"
	th:src="@{/js/bootstrap.min.js}"></script>
<script type="text/javascript" src="../../js/index.js"
	th:src="@{/js/index.js}"></script>
</head>

<body>
	<div class="app">
		<div
			class="row align-items-center justify-content-center center-wrapper">
			<div class="col-md-9 m-3">
				<div class="card border-primary">
					<div class="card-header">
						<h2>
							<span>弹幕姬web控制面板</span><span class="connect-title"><a
								th:href="@{/connect}">房间连接</a></span>
						</h2>
					</div>
					<div class="card-body">
						<div class="input-group mb-3">
							<span class="unlogin" th:if="!(${USER}?exists)">你还没有登陆，<a
								th:href="@{/login}">去登陆</a>
							</span><span class="logined" th:if="${USER}?exists">用户名：<span
								th:text="${USER.uname}" class="user-name"></span>，uid：<span
								th:text="${USER.uid}" class="user-id"></span>；<a
								th:href="@{/quit}">退出登录</a>
							</span>&nbsp;&nbsp; <span class="room-data" th:if="${ROOMID}!=null">已连接至主播房间：<span
								th:text="${ROOMID}" class="room-id"></span>，<span><a
									th:href="@{'https://live.bilibili.com/'+${ROOMID}}"
									th:text="${ANAME}" class="ar-name"></a></span>，人气值：<span
								th:text="${POPU}" class="popu"></span></span> <span class="room-data"
								th:if="${ROOMID}==null">未连接到任何房间</span>
						</div>
						<div class="input-group mb-3">
							<a href="#danmuw" class="btn btn-secondary" id="danmu_open"
								data-toggle="collapse">显示控制台弹幕</a>
							<div id="danmuw" class="collapse">
								<div class="input-group mb-3">
									<div class="form-group connect-set">
										<input class="form-control connect-docket"
											placeholder="要连接的端口地址" data-toggle="tooltip"
											data-placement="top" title="" data-html="true"
											value="ws://localhost:23333/danmu/sub"
											data-original-title="连接网页显示弹幕服务器：通常本地为127.0.0.1或localhost<br/>远程服务器请以远程服务器ip替换">

									</div>
									<div class="form-group connect-button">
										<button type="button" class="btn btn-primary btn-connect-d">连接</button>
									</div>

								</div>
								<div id="danmu">
									<!-- <div class="danmu-child">
									<span class="danmu-time">17:02:46</span><a
										href="javasript:void(0)"><span class="danmu-name">[舰长][房管]名字</span>:</a><span
										class="danmu-text">哈哈哈哈</span>
								</div> -->
									<!-- 								<div class="danmu-child">2020-06-18 17:48:59:收到弹幕:九烟慕夏
									它说:那个框是对面拉比克偷的</div> -->
								</div>
							</div>
						</div>
						<div class="input-group mb-3">
							<a href="#set" class="btn btn-secondary" id="set_open"
								data-toggle="collapse">设置</a>
						</div>
						<div id="set" class="collapse">
							<div class="input-group mb-1">
								<h4>显示设置</h4>
							</div>
							<div class="input-group mb-3 common-set">
								<div class="custom-control custom-radio custom-control-inline">
									<label class="form-check-label"> <input type="checkbox"
										class="form-check-input is_autoStart"> <span
										class="_description" data-toggle="tooltip"
										data-placement="top" title="" data-html="true"
										data-original-title="是否开启下次自动连接上次连接的房间，<span class='red-font'>开启该设置下次启动弹幕姬将会自动连接最后一次连接的房间</span>">自动</span>
									</label>
								</div>
								<div class="custom-control custom-radio custom-control-inline">
									<label class="form-check-label"> <input type="checkbox"
										class="form-check-input is_cmd"> <span
										class="_description" data-toggle="tooltip"
										data-placement="top" title="" data-html="true"
										data-original-title="cmd窗口是否显示弹幕">cmd</span>
									</label>
								</div>
								<div class="custom-control custom-radio custom-control-inline">
									<label class="form-check-label"> <input type="checkbox"
										class="form-check-input is_barrage_guard"> <span
										class="_description" data-toggle="tooltip"
										data-placement="top" title="" data-original-title="弹幕是否显示老爷图标">舰</span>
									</label>
								</div>
								<div class="custom-control custom-radio custom-control-inline">
									<label class="form-check-label"> <input type="checkbox"
										class="form-check-input is_barrage_vip"> <span
										class="_description" data-toggle="tooltip"
										data-placement="top" title="" data-original-title="弹幕是否显示舰长图标">爷</span>
									</label>
								</div>
								<div class="custom-control custom-radio custom-control-inline">
									<label class="form-check-label"> <input type="checkbox"
										class="form-check-input is_barrage_manager"> <span
										class="_description" data-toggle="tooltip"
										data-placement="top" title=""
										data-original-title="弹幕是否显示房管主播图标">管</span>
									</label>
								</div>
								<div class="custom-control custom-radio custom-control-inline">
									<label class="form-check-label"> <input type="checkbox"
										class="form-check-input is_barrage_medal"> <span
										class="_description" data-toggle="tooltip"
										data-placement="top" title="" data-original-title="弹幕是否显示勋章图标">勋</span>
									</label>
								</div>
								<div class="custom-control custom-radio custom-control-inline">
									<label class="form-check-label"> <input type="checkbox"
										class="form-check-input is_barrage_ul"> <span
										class="_description" data-toggle="tooltip"
										data-placement="top" title=""
										data-original-title="弹幕是否显示用户UL等级图标">UL</span>
									</label>
								</div>
								<div class="custom-control custom-radio custom-control-inline">
									<label class="form-check-label"> <input type="checkbox"
										class="form-check-input is_block"> <span
										class="_description" data-toggle="tooltip"
										data-placement="top" title=""
										data-original-title="弹幕是否显示房管禁言消息">禁言</span>
									</label>
								</div>
								<div class="custom-control custom-radio custom-control-inline">
									<label class="form-check-label"> <input type="checkbox"
										class="form-check-input is_gift"> <span
										class="_description" data-toggle="tooltip"
										data-placement="top" title="" data-original-title="弹幕是否显示礼物消息">礼物</span>
									</label>
								</div>
								<div class="custom-control custom-radio custom-control-inline">
									<label class="form-check-label"> <input type="checkbox"
										class="form-check-input is_welcome"> <span
										class="_description" data-toggle="tooltip"
										data-placement="top" title=""
										data-original-title="弹幕是否显示欢迎老爷舰长进入直播间消息">欢迎</span>
									</label>
								</div>
								<div class="custom-control custom-radio custom-control-inline">
									<label class="form-check-label"> <input type="checkbox"
										class="form-check-input is_follow"> <span
										class="_description" data-toggle="tooltip"
										data-placement="top" title="" data-original-title="弹幕是否显示关注消息">关注</span>
									</label>
								</div>
								<div class="custom-control custom-radio custom-control-inline">
									<label class="form-check-label"> <input type="checkbox"
										class="form-check-input is_log"> <span
										class="_description" data-toggle="tooltip"
										data-placement="top" title="" data-html="true"
										data-original-title="弹幕是否保存本地<br/>本地弹幕文件夹位置：<br/>本项目根目录下Danmuji_log文件夹">本地</span>
									</label>
								</div>
							</div>
							<div class="input-group mb-1">
								<h5>广告姬设置(需要登录)</h5>
							</div>
							<div class="input-group mb-3 advert-set">
								<div class="header-set">
									<div class="custom-control custom-radio custom-control-inline">
										<label class="form-check-label"> <input
											type="checkbox" class="form-check-input advert_is_open">
											<span class="_description" data-toggle="tooltip"
											data-placement="top" title="" data-original-title="是否打开">开关</span>
										</label>
									</div>
									<div class="custom-control custom-radio custom-control-inline">
										<label class="form-check-label"> <input
											type="checkbox" class="form-check-input advert_is_live_open">
											<span class="_description" data-toggle="tooltip"
											data-placement="top" title="" data-original-title="仅在直播中有效">直播</span>
										</label>
									</div>
									<div class="custom-control-inline input-margin-s">
										<select class="custom-select-sm advert_status"
											data-toggle="tooltip" data-placement="top" title=""
											data-original-title="选择发送条件">
											<option value="1" selected="selected">顺序</option>
											<option value="2">随机</option>
										</select>
									</div>
									<div
										class="custom-control-inline small-input-wrap input-margin-s">
										<input type="number" min="1" class="small-input advert_time"
											οninput="if(value.length>5)value=value.slice(0,5)"
											style="ime-mode: Disabled"
											onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
											placeholder="time(s)" data-toggle="tooltip"
											data-placement="top" title="" data-original-title="多少秒发送一次"
											value="1">
									</div>
								</div>
								<div class="form-group footer-set">
									<textarea class="form-control advert_adverts"
										placeholder="多条语句下以回车为分割每条语句" data-toggle="tooltip"
										data-placement="top" data-html="true" title=""
										data-original-title="多条语句时候注意以回车为分割每条语句<br/>注意每条语句不要超出自己能发送的弹幕长度<br/>超出长度弹幕姬会自动分段发送"></textarea>
								</div>
							</div>

							<div class="input-group mb-1">
								<h5>感谢礼物姬设置(需要登录)</h5>
							</div>
							<div class="input-group mb-3 thankGift-set">
								<div class="header-set">
									<div class="custom-control custom-radio custom-control-inline">
										<label class="form-check-label"> <input
											type="checkbox" class="form-check-input thankgift_is_open">
											<span class="_description" data-toggle="tooltip"
											data-placement="top" title="" data-original-title="是否打开">开关</span>
										</label>
									</div>
									<div class="custom-control custom-radio custom-control-inline">
										<label class="form-check-label"> <input
											type="checkbox"
											class="form-check-input thankgift_is_live_open"> <span
											class="_description" data-toggle="tooltip"
											data-placement="top" title="" data-original-title="仅在直播中有效">直播</span>
										</label>
									</div>
									<div class="custom-control custom-radio custom-control-inline">
										<label class="form-check-label"> <input
											type="checkbox"
											class="form-check-input thankgift_is_tx_shield"> <span
											class="_description" data-toggle="tooltip"
											data-placement="top" title=""
											data-original-title="是否屏蔽天选时刻赠送的礼物">屏蔽天选</span>
										</label>
									</div>
									<div class="custom-control custom-radio custom-control-inline">
										<label class="form-check-label"> <input
											type="checkbox" class="form-check-input thankgift_is_num">
											<span class="_description" data-toggle="tooltip"
											data-placement="top" title="" data-html="true"
											data-original-title="是否显示礼物数量，默认为显示<br/><span class='red-font'>仅在单人多种和多人多种模式下使用，单人单种如果要屏蔽礼物数量请去除%Num参数%</span>">显示礼物数量</span>
										</label>
									</div>
									<div class="custom-control-inline input-margin-s">
										<select class="custom-select-sm thankgift_shield_status"
											data-toggle="tooltip" data-placement="top" data-html="true"
											title=""
											data-original-title="屏蔽：<br/>自定义为(根据礼物名字屏蔽，空为不屏蔽)；<br/>免费为屏蔽所有免费礼物(不要钱的)<br/>低价为目前默认屏蔽单价低于礼花的金瓜子礼物；<br/>规则为自定义规则；">
											<option value="1" selected>自定义</option>
											<option value="2">免费</option>
											<option value="3">低价</option>
											<option value="4">规则</option>
										</select>
									</div>
									<div class="custom-control-inline input-margin-s">
										<select class="custom-select-sm thankgift_thank_status"
											data-toggle="tooltip" data-placement="top" data-html="true"
											title=""
											data-original-title="感谢礼物模式<br/><span class='red-font'>切换模式注意修改参数!</span><br/>很多人都不懂这个模式<br/>这里我解释一下<br/>单人单种顾名思义就是一个人对应一种礼物感谢<br/>单人多种是合并一个人延迟时间内赠送的多少种礼物,修改多少种礼物在右边，默认合并2种<br/>多人多种就是延迟时间内合并多少个人他们的多少种礼物，修改多少在右边，默认合并2个人他们的2种<br/><span class='red-font'>切换模式注意修改参数!</span>">
											<option value="1" selected>单人单种</option>
											<option value="2">单人多种</option>
											<option value="3">多人多种</option>
										</select>
									</div>
									<div
										class="custom-control-inline small-input-wrap input-margin-s">
										<input type="number" min="2" class="small-input thankgift_num"
											οninput="if(value.length>5)value=value.slice(0,5)"
											style="ime-mode: Disabled"
											onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
											placeholder="多少种" data-toggle="tooltip" data-placement="top"
											title="" data-html="true"
											data-original-title="每次感谢同一个人最多可以多少种礼物或每次感谢多少个人与礼物<br/><span class='red-font'>仅在单人多种和多人多种模式下使用</span>"
											value="2">
									</div>
									<div
										class="custom-control-inline small-input-wrap input-margin-s">
										<input type="number" min="0"
											class="small-input thankgift_delaytime"
											placeholder="delay time(s)" data-toggle="tooltip"
											data-placement="top" title="" data-html="true"
											data-original-title="延迟多少秒发送<br/>最小值为0,默认为3,可以小数点<br/><span class='red-font'>PS:可统计延时内赠送的礼物[包括礼物数量]合并感谢,一旦延时内有新礼物或数量变动就会重新刷新延时，非常强大特别推荐使用</span>"
											value="0">
									</div>
									<div class="custom-control-inline">
										<button class="btn btn-primary btn-sm" id="gift-shield-btn">礼物自定义规则屏蔽设置</button>
									</div>

								</div>
								<div class="form-group footer-set">
									<textarea class="form-control input-margin-b thankgift_shield"
										placeholder="自定义屏蔽礼物名字，以 中文逗号(，)为分割；示例：&#10;辣条，亿圆，友谊的小船&#10;注意：为空那时候是什么都不屏蔽，仅在自定义模式下有用"></textarea>
									<textarea class="form-control input-margin-b thankgift_thank"
										placeholder="感謝 %uName%%Type%的%GiftName% x%Num%~"
										data-toggle="tooltip" data-html="true" data-placement="top"
										title=""
										data-original-title="多条语句时候注意以回车为分割每条语句,多条语句会随机发送其中一条<br/>感谢语，单人单种，可选参数<br/> %uName%送礼人名称<br/>%Type%赠送类型<br/>%GiftName%礼物名称<br/>%Num%礼物数量"></textarea>
				<!-- 					<input
										class="form-control one_people input-margin-b thankgift_thank"
										placeholder="感謝 %uName%%Type%的%GiftName% x%Num%~"
										data-toggle="tooltip" data-placement="top" title=""
										data-html="true"
										data-original-title="感谢语，单人单种，可选参数<br/> %uName%送礼人名称<br/>%Type%赠送类型<br/>%GiftName%礼物名称<br/>%Num%礼物数量"> -->
									<!-- <input class="form-control some_people input-margin-b thankgift_thank" placeholder="感謝%uName%贈送的%Gifts%~" data-toggle="tooltip"
											data-placement="top" title="" data-html="true" data-original-title="感谢语，单人多种，可选参数<br/> %uName%送礼人名称<br/>%Gifts%礼物和数量的集合以逗号隔开">
								     <input class="form-control somes_people input-margin-b thankgift_thank" placeholder="感謝%uNames%贈送的%Gifts%~" data-toggle="tooltip"
											data-placement="top" title="" data-html="true" data-original-title="感谢语，多人多种，可选参数<br/> %uNames%送礼人名称集合<br/>%Gifts%礼物和数量的集合以逗号隔开"> -->

								</div>
								<h6 data-toggle="tooltip" data-placement="top" title=""
									data-html="true"
									data-original-title="上舰私信姬<br/>1.0.6后独立于礼物感谢姬<br/>既不受感谢姬开关影响<br/><span class='red-font'>现在某些破站up主有破站官方的私聊，请开启前询问自己的up主有没有开启这个功能</span>">
									上舰私信姬<span class="red-font">(开启前请指这里看必要解释)</span>
								</h6>
								<div class="header-set">
									<div class="custom-control custom-radio custom-control-inline">
										<label class="form-check-label is_guard_report_click">
											<input type="checkbox"
											class="form-check-input thankgift_is_guard_local"> <span
											class="_description" data-toggle="tooltip"
											data-placement="top" title="" data-html="true"
											data-original-title="是否开启舰长储存在本地<br/>如在开启上舰私信的情况下：不开启既为有人上舰都私信<br/>主要用于防止重复发送私信<br/>本地文件夹guardFile下<br/><span class='red-font'>注意变动该配置都需要重启弹幕姬</span>">舰长存储本地</span>
										</label>
									</div>
									<div class="custom-control custom-radio custom-control-inline">
										<label class="form-check-label is_guard_report_click">
											<input type="checkbox"
											class="form-check-input thankgift_is_guard_report"> <span
											class="_description" data-toggle="tooltip"
											data-placement="top" title=""
											data-original-title="是否开启上舰后发送私信">上舰长私信(需要登录)</span>
										</label>
									</div>
								</div>
								<div class="form-group footer-set">
									<textarea class="form-control input-margin-b thankgift_report"
										placeholder="回车为换行，不能超过破站官方规定的500字&#10;可选参数%uName%，刚刚上舰的人的名称"
										data-toggle="tooltip" data-html="true" data-placement="top"
										title=""
										data-original-title="回车为换行，不能超过破站官方规定的500字<br/>可选参数%uName%，刚刚上舰的人的名称"></textarea>
									<input
										class="form-control input-margin-b thankgift_barrageReport"
										placeholder="" data-toggle="tooltip" data-placement="top"
										title="" data-html="true"
										data-original-title="上舰私信发送成功后，发送的自定义弹幕，默认空不发送">
								</div>
							</div>
							<div class="input-group mb-1">
								<h5>感谢关注姬设置(需要登录)</h5>
							</div>
							<div class="input-group mb-3 thankFollow-set">
								<div class="header-set">
									<div class="custom-control custom-radio custom-control-inline">
										<label class="form-check-label"> <input
											type="checkbox" class="form-check-input follow_is_open">
											<span class="_description" data-toggle="tooltip"
											data-placement="top" title="" data-original-title="是否打开">开关</span>
										</label>
									</div>
									<div class="custom-control custom-radio custom-control-inline">
										<label class="form-check-label"> <input
											type="checkbox" class="form-check-input follow_is_live_open">
											<span class="_description" data-toggle="tooltip"
											data-placement="top" title="" data-original-title="仅在直播中有效">直播</span>
										</label>
									</div>
									<div class="custom-control custom-radio custom-control-inline">
										<label class="form-check-label"> <input
											type="checkbox" class="form-check-input follow_tx_shield">
											<span class="_description" data-toggle="tooltip"
											data-placement="top" title=""
											data-original-title="是否屏蔽天选状态下的关注">天选</span>
										</label>
									</div>
									<div
										class="custom-control-inline small-input-wrap input-margin-s">
										<input type="number" min="1" class="small-input follow_num"
											οninput="if(value.length>5)value=value.slice(0,5)"
											style="ime-mode: Disabled"
											onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
											placeholder="多少人" data-toggle="tooltip" data-placement="top"
											title="" data-html="true" data-original-title="每次感谢多少个人"
											value="1">
									</div>
									<div
										class="custom-control-inline small-input-wrap input-margin-s">
										<input type="number" min="0"
											class="small-input thankfollow_delaytime"
											placeholder="delay time(s)" data-toggle="tooltip"
											data-placement="top" title="" data-html="true"
											data-original-title="延迟多少秒发送 <br/>最小值为0<br/><span class='red-font'>PS:可统计延时内的关注,一旦延时内有新关注就会重新刷新延时，推荐在多人感谢下使用</span>"
											value="0">
									</div>
								</div>
								<div class="form-group footer-set">
<!-- 									<input class="form-control follow_follows"
										placeholder="谢谢 %uNames% 的关注~" data-toggle="tooltip"
										data-placement="top" title="" data-html="true"
										data-original-title="感谢语，可选参数<br/> %uNames%关注人名称集合"> -->
										<textarea class="form-control input-margin-b follow_follows"
										placeholder="谢谢 %uNames% 的关注~"
										data-toggle="tooltip" data-html="true" data-placement="top"
										title=""
										data-original-title="多条语句时候注意以回车为分割每条语句,多条语句会随机发送其中一条<br/>感谢语，可选参数<br/> %uNames%关注人名称集合"></textarea>
								</div>
							</div>
							<div class="input-group mb-1">
								<h5>自动回复姬设置(需要登录)</h5>
							</div>
							<div class="input-group mb-3 autoReply-set">
								<div class="header-set">
									<div class="custom-control custom-radio custom-control-inline">
										<label class="form-check-label"> <input
											type="checkbox" class="form-check-input replys_is_open">
											<span class="_description" data-toggle="tooltip"
											data-placement="top" title="" data-html="true"
											data-original-title="是否打开">开关</span>
										</label>
									</div>
									<div class="custom-control custom-radio custom-control-inline">
										<label class="form-check-label"> <input
											type="checkbox" class="form-check-input replys_is_live_open">
											<span class="_description" data-toggle="tooltip"
											data-placement="top" title="" data-html="true"
											data-original-title="仅在直播中有效">直播</span>
										</label>
									</div>
									<div
										class="custom-control-inline small-input-wrap input-margin-s">
										<input type="number" min="1" class="small-input replys_time"
											οninput="if(value.length>5)value=value.slice(0,5)"
											style="ime-mode: Disabled"
											onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
											placeholder="间隔" data-toggle="tooltip" data-placement="top"
											title="" data-html="true"
											data-original-title="<span class='red-font'>间隔多少秒才识别弹幕并自动回复</span><br/>默认为3秒"
											value="3">
									</div>
									<div class="custom-control-inline">
										<button class="btn btn-primary btn-sm" id="replys-btn">自定义回复设置</button>
									</div>
								</div>
							</div>
							<div class="input-group mb-1">
								<h5>实验性设置(需要登录)</h5>
							</div>
							<div class="input-group mb-3 other-set">
								<div class="custom-control custom-radio custom-control-inline">
									<label class="form-check-label"> <input type="checkbox"
										class="form-check-input is_online"> <span
										class="_description" data-toggle="tooltip"
										data-placement="top" title="" data-html="true"
										data-original-title="是否打开用户在线心跳">在线心跳</span>
									</label>
								</div>
							</div>
							<div class="input-group mb-3 set-control">
								<button type="button" class="btn btn-success set-hold">保存设置</button>
								<span class="notice-message">成功</span> <span
									class="success-message">成功</span>
							</div>
						</div>
					</div>
					<div class="card-footer">
						<div class="author-message">
							B站直播java版弹幕姬 © 2020 <a href="https://blogs.acproject.xyz/"
								target="_blank"> SaKazaKi(坂崎简) </a>|<a
								href="https://github.com/BanqiJane/Bilibili_Danmuji"
								target="_blank" data-toggle="tooltip" data-placement="top"
								title=""
								data-original-title="https://github.com/BanqiJane/Bilibili_Danmuji">
								GitHub仓库(查看更新) </a>|<a href="mailto:zjianf2014@outlook.com"
								data-toggle="tooltip" data-placement="top" title=""
								data-original-title="zjianf2014@outlook.com(有什么建议或反馈bug)">
								联系我 </a>| <a href="https://live.bilibili.com/1000" target="_blank"
								data-toggle="tooltip" data-placement="top" title=""
								data-original-title="破站直播间1000(坂本叔)">破站常驻 </a>| <a
								href="javascript:;" data-toggle="tooltip" id="checkupdate"
								data-placement="top" title=""
								th:data-original-title="'版本号:'+${EDITION}+'beta'">版本号(检查更新)</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="shieldgifts-mask" style="display: none;">
		<div class="shieldgifts-wrap">
			<div class="t">
				请自定义需要屏蔽的礼物规则<a href="javascript:;" class="shieldgift_add"
					data-toggle="tooltip" data-placement="top" title=""
					data-html="true" data-original-title="新增规则">⊕</a> <i
					class="btn-close"> </i>
			</div>
			<div class="con">
				<table class="table table-bordered table-sm">
					<tbody class="shieldgifts-tbody">
						<tr>
							<td><input type="checkbox" class="shieldgifts_open"
								data-toggle="tooltip" data-placement="top" title=""
								data-original-title="是否开启"></td>
							<td><input class="small-input shieldgifts_name"
								placeholder="礼物名称" data-toggle="tooltip" data-placement="top"
								title="" data-html="true" data-original-title="礼物名称"></td>
							<td><select class="custom-select-sm shieldgifts_status"
								data-toggle="tooltip" data-placement="top" title=""
								data-html="true" data-original-title="选择类型">
									<option value="1" selected="selected">数量</option>
									<option value="2">瓜子</option>
							</select></td>
							<td><input type="number" min="0"
								class="small-input shieldgifts_num"
								οninput="if(value.length>5)value=value.slice(0,5)"
								style="ime-mode: Disabled"
								onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
								placeholder="num" value="0" data-toggle="tooltip"
								data-placement="top" title="" data-html="true"
								data-original-title="大于多少(不得小于)"></td>
							<td><button type="button"
									class="btn btn-danger btn-sm shieldgift_delete">删除</button></td>
						</tr>
						<tr>
							<td><input type="checkbox" class="shieldgifts_open"
								data-toggle="tooltip" data-placement="top" title=""
								data-original-title="是否开启"></td>
							<td><input class="small-input shieldgifts_name"
								placeholder="礼物名称" data-toggle="tooltip" data-placement="top"
								title="" data-html="true" data-original-title="礼物名称"></td>
							<td><select class="custom-select-sm shieldgift_status"
								data-toggle="tooltip" data-placement="top" title="选择类型"
								data-html="true" data-original-title="选择类型">
									<option value="1" selected="selected">数量</option>
									<option value="2">瓜子</option>
							</select></td>
							<td><input type="number" min="0"
								class="small-input shieldgifts_num"
								οninput="if(value.length>5)value=value.slice(0,5)"
								style="ime-mode: Disabled"
								onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
								placeholder="num" value="0" data-toggle="tooltip"
								data-placement="top" title="大于多少(不得小于)" data-html="true"
								data-original-title="大于多少(不得小于)"></td>
							<td><button type="button"
									class="btn btn-danger btn-sm shieldgift_delete">删除</button></td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
	<div class="replys-mask">
		<div class="replys-wrap">
			<div class="t">
				请自定义弹幕姬自动回复规则<a href="javascript:;" class="replys_add"
					data-toggle="tooltip" data-placement="top" title=""
					data-html="true" data-original-title="新增回复规则">⊕</a> <i
					class="btn-closer"> </i>
			</div>
			<div class="con">
				<ul class="replys-ul" id="replys-ul" data-role="listview">

				</ul>
			</div>
		</div>
		<div class="radd-mask">
			<div class="radd-body">
				<div class="t">
					修改当前规则(关闭既为设置完成,别忘了最后保存配置)<i class="btn-closeri"
						data-toggle="tooltip" data-placement="top" data-html="true"
						title="关闭既为设置完成<br/>别忘了保存配置" data-original-title="关闭既为"> </i>
				</div>
				<div class="con">
					<ul>
						<li><input type="checkbox" class="reply_open_i"
							data-toggle="tooltip" data-placement="top" title="是否开启"
							data-original-title="是否开启"></li>
						<li><input type="checkbox" class="reply_oc_i"
							data-toggle="tooltip" data-placement="top" title=""
							data-original-title="是否精确匹配，仅在只有一个关键字且没有屏蔽词的情况下使用(也可以在 含有 || 号条件下使用)"></li>
						<li><textarea class="reply_keywords_i" placeholder="关键字"
								data-toggle="tooltip" data-placement="top" title=""
								data-html="true"
								data-original-title="关键字既为当弹幕包含所有关键字时才回复；多个关键字时请以中文逗号隔开，<span class='orange-font'>想实现满足条件A或条件B 发送内容C的功能请在关键字中用 || 号分割或者不同关键字(即使在多关键字情况下依旧生效)</span><br/><span class='red-font'>注意不能为空</span>"></textarea></li>
						<li><textarea class="reply_shields_i" placeholder="屏蔽词"
								data-toggle="tooltip" data-placement="top"
								title="屏蔽词既为当弹幕包含有一项或者多项屏蔽词时则不回复；多个屏蔽词时请以中文逗号隔开,为空既为不开启屏蔽词"
								data-html="true" data-original-title="屏蔽词"></textarea></li>
						<li><textarea class="reply_rs_i" placeholder="回复语句"
								data-toggle="tooltip" data-placement="top"
								title="回复语句<br/>1：参数%NAME%以替换提问的人的名字<br/>2：参数%BLOCK%表示该功能为禁言，将被替换为空,参数{{time}}定义被禁言时间,单位为整数小时，在有%BLOCK%参数下才生效，将被替换为空，例如要禁言一小时：<span class='red-font'>%BLOCK%{{1}}</span> ；<span class='red-font'>当只有这两个参数，不会发送回复弹幕，只会执行禁言，这两个参数 最终都会在回复语句中消除</span>，time最大720,最小1<br/>3：参数%FANS%以替换现在连接房间的最新关注数目<br/>4：参数%TIME%以替换当前时间<br/>5：参数%LIVETIME%以替换当前房间直播时间<br/>6：参数%HOT%以替换当前房间人气值"
								data-html="true" data-original-title="回复语句"></textarea></li>
						<li><button type="button"
								class="btn btn-danger btn-sm reply_delete_i">删除</button></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="tips-wrap">
		<div class="tips-t"></div>
	</div>
	<script type="text/javascript">
		$(function() {
			$("[data-toggle='tooltip']").tooltip();
			$(document).click(".btn-secondary", function() {
				if ($('#set').hasClass("show")) {

				} else {
					setTimeout(function() {
						$.each($("textarea"), function(i, n) {
							if ($(n).hasClass('form-control')) {
								$(n).css("height", n.scrollHeight + "px");
							}
						})
					}, 10)
				}

			})
		});
	</script>
</body>
</html>
